<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>

<title>Computer Science Society</title>

<link rel="stylesheet" href="css/style.css" type="text/css" />
<script language="JavaScript" src="images/datetimepicker.js"></script>
<script type="text/javascript">
function checkform(){
	var pass = document.getElementById('password').value;
	var user = document.getElementById('username').value;
	
	if(batch == "" || no == "" || studentYearLevel == "" || studentFirstName == "" || 
	studentMiddleName == "" || studentLastName == "" || studentGender == "" || demo1 == "" || 
	studentAddress == "" || studentMobile == "" || studentField == "" || studentPassword == "")
	{
		document.getElementById('error').innerHTML = "Please provide necessary fields";
		return false;
	}
}
</script>

</head>

<body>

<!-- wrap starts here -->
<div id="wrap">

	<!--header -->
	<div id="header">		
 
	<span style="position:absolute;top:10px;right:10px;color:#ffffff;font-size:12px;text-decoration:none;">
	<a wicket:id="logoutPage">Log Out</a></span>
		
	<!--header ends-->					
	</div>
		
	
	<!-- navigation starts-->	
	<div  id="nav">
		<ul>
			<li><a wicket:id="home" >Home</a></li>
			<li><a href="#">Documents</a></li>
			<li><a href="#">Members</a></li>			
			<li><a href="#">Society Events</a></li>
			<li><a href="#">About Us</a></li>
				
		</ul>
	<!-- navigation ends-->	
	</div>					
			
	<!-- content-wrap starts -->
	<div id="content-wrap">	
	
     <div class="workspace">
		<ul>
		<li><a href="#" wicket:id="add">Add Student Account</a></li>
		<li><a href="#" wicket:id="freshmen" >First Year</a></li>
		<li><a href="#" wicket:id="sophies">Second Year</a></li>
		<li><a href="#" wicket:id="juniors">Third Year</a></li>
		<li><a href="#" wicket:id="seniors">Fourth Year</a></li>
		</ul>
	 </div>
	 
	 <div id="content">
		
			<form wicket:id="addStudentAccount">
        	
        	<p><label><span >Student ID #:</span></label> 
			<input id="batch" type="text" style="width:100px" wicket:id="batch"/> -
			<input id="no "type="text" style="width:100px" wicket:id="no"/> 
			</p> 
			<p><label><span >Year Level:</span></label> 
			<select wicket:id="studentYearLevel" id="studentYearLevel">
			<option value="1" >1</option>
			<option value="2" >2</option>
			<option value="3" >3</option>
			<option value="4" >4</option>
			</select> 
			</p> 
			<p> 
			<label><span >First Name:</span></label> 
			<input id="studentFirstName" type="text" style="width:250px" wicket:id="studentFirstName" /> 
			</p>
			<p> 
			<label><span >Middle Name:</span></label> 
			<input id="studentMiddleName type="text" style="width:250px" wicket:id="studentMiddleName" /> 
			</p> 
			<p> 
			<label><span >Last Name:</span></label> 
			<input id="studentLastName" type="text" style="width:250px" wicket:id="studentLastName" /> 
			</p>
        	<p> 
			<label><span >Gender:</span></label> 
			<select id="studentGender" wicket:id="studentGender">
			<option value="Male" >Male</option>
			<option value="Female" >Female</option>
			</select> 
			</p>
			<p> 
			<label><span >Birthday:</span></label>
			
			<input id="demo1" type="text" style="width:250px" wicket:id="studentBirthdate" /> 
			<a href="javascript:NewCal('demo1','ddmmmyyyy')"><img src="images/cal.gif"></a> 
			</p>
			<p> 
			<label><span >Address:</span></label> 
			<input type="text" id="studentAddress" style="width:250px" wicket:id="studentAddress"/> 
			</p>
			<p> 
			<label><span >Mobile Number:</span></label> 
			<input type="text" id="studentMobile" style="width:250px" wicket:id="studentMobile" /> 
			</p>
			<p> 
			<label><span >Fields of Interests:</span></label> 
			<input type="text" id="studentField" style="width:250px" wicket:id="studentField" /> 
			</p>
			<p>
			<label><span >Password:</span></label>
			<input type="password" id="studentPassword" wicket:id="studentPassword" />
			<span id="error" style="color:red;font-size:10px;"></span>
			</p>
        	<p><input type="submit"  value="Submit" /></p>
        	
 	       </form>
 	       
 	        <div style="position:absolute;top:470px;left:200px;width:300px;color:red;" wicket:id="error"></div>
	 </div>
    
	<div style="clear:both"></div>
	</div>
	<!-- content-wrap ends-->	
	
		
	<!-- footer starts -->			
	<div id="footer-wrap"><div id="footer">				
		<p>		
		|<a href="#">2010 &copy;COMPUTER SCIENCE SOCIETY</a> |
		<a href="#">MSU -IIT</a> |
		</p>			
	</div></div>
	<!-- footer ends-->	
	</div>
<!-- wrap ends here -->

	
</body>
</html>

        